<template>
    <div>
        <!-- <div v-title>安全保障</div> -->
        <div class='gqptai'>
          <img src="../../../static/assets/gqptai.png">
          <div class="content">
            <div class="picture"><img v-bind:src="guozi_1" @click="onshow(guozi_1)"></div>
            <p>浙江青柠网络科技</p>
            <div class="picture"><img v-bind:src="guozi_2" @click="onshow(guozi_2)"></div>
            <p>天津力天振业科技有限公司</p>
              <div class="picture"><img v-bind:src="guozi_3" @click="onshow(guozi_3)"></div>
            <p>中资国本投资有限公司</p>
          </div>
          <a class="motai" v-show="motai" @click="motai=!motai"><img v-bind:src="imgsur"></a>
        </div>
    </div>
</template>
<script>
export default {
  data: function() {
    return {
      guozi_1 : require('../../../static/assets/guozi-1.png'),
      guozi_2 : require('../../../static/assets/guozi-2.png'),
      guozi_3 : require('../../../static/assets/guozi-3.png'),
      imgsur:'',
      motai:false
    }
  },
  methods:{
    onshow:function(src){
      this.imgsur=src
      this.motai=true
    }
  }
}
</script>
<style lang='less' scoped>
.gqptai {
    width: 100%;
    height: 33.13rem;
    /*background: url('../../../static/assets/gqptai.png') no-repeat 50% 50%;
    background-size: 100%;*/
    position: relative;
    img{
      width: 100%;
      height: 100%;
    }
    .content{
      height:17rem;
      width:100%;
      text-align: center;
      position: absolute;
      left:0;
      top:16.13rem;
      .picture{
        width:5.68rem;
        height:3.98rem;
        background: #fff;
        padding: .12rem;
        margin-top: .74rem;
        display: inline-block;
        img{
          width:5.44rem;
          height:3.74rem;
        }
      }
      p{
        height:.66rem;
        line-height: .66rem;
        font-size: .24rem;
        color: #333;
        text-align: center;
      }
    }
}
.motai{
  width:100%;
  height:100%;
  background: rgba(0,0,0,.5);
  position: fixed;
  left:0;
  top:0;
  img{
    width:100%;
    height: 8rem;
    position: fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin: auto;
  }
}
</style>
